<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/font-awesome.css">
    <link rel="stylesheet" href="/css/common.css">
    <link href="/css/diststyle.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/css/orderlist.css">
    <link rel="stylesheet" href="/css/htmleafdemo.css">
    <script src="/js/jquery.js"></script>
    <!-- <script>
        window.jQuery || document.write('<script src="js/jquery-2.1.1.min.js"><\/script>')
    </script> -->
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/timeUtils.js"></script>
    <script src="/js/common.js"></script>
    <script type="text/javascript" src="/js/Chart.js"></script>
    <script src="/js/orderlist.js"></script>

</head>

<body>
    <div class="index">
        <div class="header-nav">
            <div class="fl nav-title">管理信息系统</div>
            <div class="fr  ">
                <div class='fl img-box cursor'>
                    <img id="user-img" class="auto-img" src="" alt="">
                </div>
                <div class="fl nav-text " id="username">昵称</div>
                <div class="fl nav-text cursor">设置</div>
                <div class="fl nav-text cursor" id="esc-user">退出</div>
            </div>
        </div>
        <div class="content-box">
            <div class="aside">
                <div class="demo">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-offset-3 col-md-6">
                                <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix " role="tab" id="headingOne">
                                            <h4 class="panel-title">
                                                <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-delicious" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp分类管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseOne" class="panel-collapse collapse " role="tabpanel" aria-labelledby="headingOne">
                                            <div class="panel-body">

                                                <p>分类列表</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingTwo">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">

                                                    <!-- <span><i class="fa fa-delicious" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp分类管理 -->
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-shopping-bag" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp商品管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
                                            <div class="panel-body">
                                                <p>基本商品库</p>
                                                <p>添加商品</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingThree">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-google-wallet" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp财务管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                    <!-- <span><i class="fa fa-google-wallet" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp财务管理 -->
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                                            <div class="panel-body">
                                                <p>财务报表</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingFour">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-bar-chart" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp报表管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                    <!-- <span><i class="fa fa-bar-chart" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp报表管理 -->
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseFour" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingFour">
                                            <div class="panel-body">
                                                <p> 订单分析</p>
                                                <p> 订单列表</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingFive">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFive" aria-expanded="false" aria-controls="collapseFour">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-print" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp打印管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                    <!-- <span><i class="fa fa-print" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp打印管理 -->
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFive">
                                            <div class="panel-body">
                                                <p>进货单打印</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingSix">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-american-sign-language-interpreting" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp货源管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                    <!-- <span><i class="fa fa-american-sign-language-interpreting" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp 基础管理 -->
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseSix" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSix">
                                            <div class="panel-body">
                                                <p>添加货源</p>
                                                <p>总货源管理</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingSeven">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-font" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp订单管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                    <!-- <span><i class="fa fa-font" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp字体库管理 -->
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseSeven" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSeven">
                                            <div class="panel-body">
                                                <p>订单详情</p>
                                                <p>自建订单</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingEight">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseEight" aria-expanded="false" aria-controls="collapseFour">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-th" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp营销管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                    <!-- <span><i class="fa fa-th" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp其他管理 -->
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseEight" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingEight">
                                            <div class="panel-body">
                                                <p>广告管理分析</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingNeight">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseNeight" aria-expanded="false" aria-controls="collapseFour">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-link" aria-hidden="true"></i> </span>
                                                    <span class="fl">&nbsp&nbsp&nbsp联系我们</span>&nbsp&nbsp&nbsp
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseNeight" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingNeight">
                                            <div class="panel-body">
                                                <p>联系我们</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingTen">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTen" aria-expanded="false" aria-controls="collapseFour">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-code" aria-hidden="true"></i> </span>
                                                    <span class="fl">&nbsp&nbsp&nbsp模块开发中</span>&nbsp&nbsp&nbsp
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                    <!-- <span><i class="fa fa-code" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp模块开发中 -->
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseTen" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTen">
                                            <div class="panel-body">
                                                <p>模块开发中</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="contents fl">
                <div class="clockbox">
                    <div class="calendar">
                        <div class="pages"></div>
                    </div>
                </div>
                <form action="javascript:;">
                    <div class="btn-group btn-group-round searchbox">
                        <button class="btn btn-default   att">本周</button>
                        <button class="btn btn-default  btn-info  att">本月</button>
                        <button class="btn btn-default att">本年</button> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <input type="date" class="form-control dater">
                        <span id="to">TO</span>
                        <input type="date" class="form-control  datef">
                        <button type="button" class="btn btn-success ">Success</button>
                    </div>
                </form>
                <div class='cardbox'>
                    <div class="col-sm-4 col-lg-2 mycard">
                        <div class="card">
                            <div class="card-header ">
                                <h4>订货单</h4>
                                <ul class="card-actions">
                                    <li>
                                        <button type="button"><i class="mdi mdi-more"></i></button>
                                    </li>
                                </ul>
                            </div>
                            <div class="card-body">
                                <p><span>697</span>笔</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-4 col-lg-2  mycard">
                        <div class="card">
                            <div class="card-header bg-purple">
                                <h4>退货单</h4>
                                <ul class="card-actions">
                                    <li>
                                        <button type="button"><i class="mdi mdi-more"></i></button>
                                    </li>
                                </ul>
                            </div>
                            <div class="card-body">
                                <p><span>9</span>笔</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-4 col-lg-2  mycard">
                        <div class="card">
                            <div class="card-header bg-cyan">
                                <h4>订单金额</h4>
                                <ul class="card-actions">
                                    <li>
                                        <button type="button"><i class="mdi mdi-more"></i></button>
                                    </li>
                                </ul>
                            </div>
                            <div class="card-body">
                                <p><span>786441.00</span>￥</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-4 col-lg-2  mycard">
                        <div class="card">
                            <div class="card-header bg-brown">
                                <h4>退单金额</h4>
                                <ul class="card-actions">
                                    <li>
                                        <button type="button"><i class="mdi mdi-more"></i></button>
                                    </li>
                                </ul>
                            </div>
                            <div class="card-body">
                                <p><span>741.00</span>￥</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-4 col-lg-2  mycard">
                        <div class="card">
                            <div class="card-header bg-brown">
                                <h4>合计金额</h4>
                                <ul class="card-actions">
                                    <li>
                                        <button type="button"><i class="mdi mdi-more"></i></button>
                                    </li>
                                </ul>
                            </div>
                            <div class="card-body">
                                <p><span>785700.00</span>￥</p>
                            </div>
                        </div>
                    </div>
                </div>
                <main class="lyear-layout-content">
                    <div class="container-fluid">
                        <div class="row">
                            <div class="mycanvas">
                                <div class="card">
                                    <div class="card-header">
                                        <h4>月度合计 订单金额</h4>
                                    </div>
                                    <div class="card-body">
                                        <div class="chartjs-size-monitor" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; pointer-events: none; visibility: hidden; z-index: -1;">
                                            <div class="chartjs-size-monitor-expand" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;">
                                                <div style="position:absolute;width:1000000px;height:1000000px;left:0;top:0"></div>
                                            </div>
                                            <div class="chartjs-size-monitor-shrink" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;">
                                                <div style="position:absolute;width:200%;height:200%;left:0; top:0"></div>
                                            </div>
                                        </div>
                                        <canvas id="chart-vbar-2" width="459" height="286" class="chartjs-render-monitor" style="display: block; width: 459px; height: 286px;"></canvas>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </main>
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th scope="col">#</th>
                            <th scope="col">订单编号</th>
                            <th scope="col">订单金额</th>
                            <th scope="col">是否付款</th>
                            <th scope="col">是否发货</th>
                            <th scope="col">下单时间</th>
                            <th scope="col">操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th scope="row">1</th>
                            <td>oms-456123456</td>
                            <td>78.50</td>
                            <td><button type="button" class="btn btn-primary btn-sm" disabled>已付款</button></td>
                            <td>已发货</td>
                            <td>2020-9-15 15:30:51</td>
                            <td><button type="button" class="btn btn-warning">取消</button></td>
                        </tr>
                        <tr>
                            <th scope="row">1</th>
                            <td>oms-478945456</td>
                            <td>28.50</td>
                            <td><button type="button" class="btn btn-danger btn-sm" disabled>未付款</button></td>
                            <td>未发货</td>
                            <td>2020-10-05 17:20:51</td>
                            <td><button type="button" class="btn btn-warning">取消</button></td>
                        </tr>
                        <tr>
                            <th scope="row">1</th>
                            <td>oms-456123456</td>
                            <td>78.50</td>
                            <td><button type="button" class="btn btn-primary btn-sm" disabled>已付款</button></td>
                            <td>已发货</td>
                            <td>2020-9-15 15:30:51</td>
                            <td><button type="button" class="btn btn-warning">取消</button></td>
                        </tr>
                        <tr>
                            <th scope="row">1</th>
                            <td>oms-456123456</td>
                            <td>78.50</td>
                            <td><button type="button" class="btn btn-primary btn-sm" disabled>已付款</button></td>
                            <td>已发货</td>
                            <td>2020-9-15 15:30:51</td>
                            <td><button type="button" class="btn btn-warning">取消</button></td>
                        </tr>
                        <tr>
                            <th scope="row">1</th>
                            <td>oms-456123456</td>
                            <td>78.50</td>
                            <td><button type="button" class="btn btn-primary btn-sm" disabled>已付款</button></td>
                            <td>已发货</td>
                            <td>2020-9-15 15:30:51</td>
                            <td><button type="button" class="btn btn-warning">取消</button></td>
                        </tr>
                        <tr>
                            <th scope="row">1</th>
                            <td>oms-456123456</td>
                            <td>78.50</td>
                            <td><button type="button" class="btn btn-primary btn-sm" disabled>已付款</button></td>
                            <td>已发货</td>
                            <td>2020-9-15 15:30:51</td>
                            <td><button type="button" class="btn btn-warning">取消</button></td>
                        </tr>
                        <tr>
                            <th scope="row">1</th>
                            <td>oms-456123456</td>
                            <td>78.50</td>
                            <td><button type="button" class="btn btn-primary btn-sm" disabled>已付款</button></td>
                            <td>已发货</td>
                            <td>2020-9-15 15:30:51</td>
                            <td><button type="button" class="btn btn-warning">取消</button></td>
                        </tr>
                        <tr>
                            <th scope="row">1</th>
                            <td>oms-456123456</td>
                            <td>78.50</td>
                            <td><button type="button" class="btn btn-primary btn-sm" disabled>已付款</button></td>
                            <td>已发货</td>
                            <td>2020-9-15 15:30:51</td>
                            <td><button type="button" class="btn btn-warning">取消</button></td>
                        </tr>
                    </tbody>
                </table>
                <nav>
                    <span class="prevpage"><i class="fa fa-chevron-left" aria-hidden="true"></i></span>
                    <ul class="pagination pagination-circle">
                        <li class="active"><a href="#">1</a></li>
                        <li><a href="#!">2</a></li>
                        <li><a href="#!">3</a></li>
                        <li><a href="#!">4</a></li>
                        <li><a href="#!">5</a></li>
                        <li><a href="#!">6</a></li>
                        <li><a href="#!">7</a></li>
                        <li><a href="#!">8</a></li>
                        <li><a href="#!">9</a></li>
                    </ul>
                    <span class="nextpage"><i class="fa fa-chevron-right" aria-hidden="true"></i></span>
                </nav>
            </div>
        </div>
    </div>

</body>

</html>